<!DOCTYPE html>
<html>
  <head>
    <title><%= title %></title>
    <link rel="shortcut icon" href="/favicon.ico" />
    <script src="/socket.io/socket.io.js"></script>
  </head>
  <body>
  <nav class="navbar navbar-default navbar-static-top">
    <div class="container-fluid">
      <div class="navbar-header">
        <a class="navbar-brand" href="#">
          <img alt="Brand" src="/images/logo.png" class="logo">
        </a>
      </div>
      <p class="navbar-text" >欢迎来到 <span class="label label-primary">Walkerfree</span> 聊天室</p>
    </div>
  </nav>
  <div class="container">
    <div class="panel panel-default">
      <div class="panel-heading">
        <h3 class="panel-title">
          <%= title %><span id='status'></span>
        </h3>
      </div>
      <div class="panel-body">
        <div id='content' class="" style="height: 300px"></div>
      </div>
      <div class="panel-body">
        <form>
          <div class="form-group">
            <span class="label label-primary">颜色</span>
            <span class="label label-primary">表情</span>
          </div>
          <div class="form-group">
            <textarea class="form-control" id='text' name='text' style="resize: none;height:80px"></textarea>
          </div>
          <button type="button" class="btn btn-primary pull-right" id='send'>发送</button>
        </form>
      </div>
    </div>
    
    <div class="modal fade" role="dialog" id="gridSystemModal" aria-labelledby="gridSystemModalLabel" aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title" id="gridSystemModalLabel">进入聊天室</h4>
          </div>
          <div class="modal-body">
            <div class="container-fluid">
            <form>
              <div class="form-group">
                <label for="nickname">请输入您加入聊天室的昵称</label>
                <input type="email" class="form-control" name='nickname' id="nickname" placeholder="请输入昵称">
              </div>
            </form>
            </div>
          </div>
          <div class="modal-footer">
            <label id="error_nickname" class="error">
            链接服务器中....
            </label>
            <button type="button" id='send_nick' class="btn btn-primary">提交</button>
          </div>
        </div>
      </div>
    </div>

  </div>
  <script src='/components/requirejs/require.js' data-main='/javascripts/main' ></script>
  </body>
</html>
